﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>王赛web前端工程师简历</title>
    <link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

    <!-- Slider
        ================================================== -->
    <link href="css/owl.carousel.css"rel="stylesheet" media="screen">
    <link href="css/owl.theme.css" rel="stylesheet" media="screen">

    <!-- Stylesheet
        ================================================== -->
    <link rel="stylesheet" type="text/css"  href="css/style.css">

    <link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="../oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-terminal"></i>前端工程师</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">基本资料</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#works">项目经验</a>
                    </li>                    
                    <li>
                        <a class="page-scroll" href="#about">专业技能</a>
                    </li>                    
                    <li>
                        <a class="page-scroll" href="#team">工作经历</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#testimonials">自我评价</a>
                    </li>                    
                    <li>
                        <a class="page-scroll" href="#contact">联系方式</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

<!-- Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1>王赛<span class="brand-heading">-前端工程师</span></h1>
                        <p class="intro-text">喜欢一切视觉盛宴，热爱挑战</p>
                        <a href="#services" class="btn btn-circle page-scroll">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>
<!-- Services Section -->
<div id="services" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>基本 <strong>资料</strong></h2>
      <hr>
      </div>
    <div class="space"></div>
    <div class="row">
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-laptop"></i>
        <h4><strong>个人信息</strong></h4>
        <p>
		姓名: 王赛 &nbsp;性别：男</br>
		年龄: 17岁 籍贯：河南
		</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-code"></i>
        <h4><strong>专业学历</strong></h4>
        <p>
		专业：网络安全</br>
		学历：大学本科</br>
		
		</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-rocket"></i>
        <h4><strong>毕业学校</strong></h4>
        <p>
		  毕业学校：郑州大学</br>
		  学习技能：计算机
		</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-bullseye"></i>
        <h4><strong>联系方式</strong></h4>
        <p>QQ：864****18</br>
		  邮箱：864****18@qq.com</p>
      </div>
      
    </div>
  </div>
</div>
<!-- Portfolio Section -->
<div id="works">
  <div class="container"> <!-- Container -->
    <div class="section-title text-center center">
      <h2>项目 <strong>经验</strong></h2>
      <hr>
      <div class="clearfix"></div>
      <p>主要涉及电商，金融，家装领域，包括PC端，手机端，微信端，移动APP端等等，主要技术是HTML+H5+CSS+CSS3+Jquery</p>
    </div>
  </div>
</div>
<!-- About Section -->
<div id="about">
  <div class="container">
    <div class="section-title text-center center">
      <h2><strong>专业</strong> 技能</h2>
      <hr>
    </div>
      <div class="row">
          <div class="col-md-6"> <img src="img/about.png" alt="关于我的专业技能" class="img-responsive"> </div>
          <div class="col-md-6">
              <div class="about-text"> <i class="fa fa-users"></i>
                  <div class="padding-left"><h4>PC端</h4>
                      <p>熟练使用HTML,HTML5,</br>CSS,CSS3,JS,JQ编程 </br>精通Windows,</br>MacOs,Linux,麒麟 等一些主流系统的开关机操作</p></div>
                  <i class="fa fa-magic"></i>
                  <div class="padding-left"><h4>移动端</h4>
                      <p>熟练解决移动端分辨率的各类兼容，精通zepto.js</br> bootstrap.css swiper.css等主流框架</p></div>
                  <i class="fa fa-check-square-o"></i>
                  <div class="padding-left"><h4>其它</h4>
                      <p>理解Java，php等后台语言开发，</br>精通Photoshop,Fireworks,</br>Oracle,Visual Studio,</br>Webstorm,Sublime等开发所需软件的安装和卸载</p></div>
                  <a href="square/index.html" target="_blank" class="tt">详情可点击查看demo</a>
              </div>
          </div>
      </div>
  </div>
</div>
	<div id="achivements" class="section dark-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-3">
						<div class="achivement-box">
							<i class="fa fa-smile-o"></i>
							<span class="count">17</span>
							<h4>我的年龄</h4>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="achivement-box">
							<i class="fa fa-code"></i>
							<span class="count">182300</span>
							<h4>代码量</h4>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="achivement-box">
							<i class="fa fa-check-square-o"></i>
							<span class="count">800</span>
                            <h4>工作时间</h4>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="achivement-box">
							<i class="fa fa-trophy"></i>
							<span class="count">8</span>
							<h4>项目参与数量</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
<!-- Team Section -->
<div id="team" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>人生 <strong>经历</strong></h2>
      <hr>
      <p>热爱互联网，热爱技术，专注于前端技术开发和用户体验</p>
    </div>
    <a href="hover/index.html" target="_blank" class="tt">详情可点击查看我的demo展示</a>
  </div>
</div>
<!-- Testimonials Section -->
<div id="testimonials" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>自我 <strong>评价</strong></h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
          <div id="testimonial" class="owl-carousel owl-theme">
              <div class="item">
                  <p>要去哪才能找这样一个--------以敲代码为快感,敲代码上瘾,不敲代码就会死,不敲代码就失去了生命的意义。有强烈的责任感,良好的团队合作精神，能迅速融入新的团队。喜欢钻研新技术,工作踏实,性格开朗乐观,积极上进,吃苦耐劳。</br></br>把用户们当上帝,把用户们的话当做圣旨,哪怕用户们的需求重口味要求刁钻也要乐此不疲任劳任怨竭尽所能继续敲代码的完美程序猿呢？<p style="font-size: 46px; color: #ff6c00">◔ ‸◔？</p>
                  </p>
              </div>
              <div class="item">
                  <p>
                      告诉各位一个好消息,这样的家伙是存在的,更好的消息是:你们手中的这份简历正是这位程序猿的,没错</br></br>
                  </p>
                  ---------------<p style="font-size: 24px; color: aqua">正是在下(•‾̑⌣‾̑•)✧˖°</p>---------------

              </div>
              <div class="item">
                  <p>
                      在下敲代码很勤快,嚼炫迈一直敲下去的话每天5000行也不是梦啊(*•̀ㅂ•́)و</br></br></br>当然，这一切都需要正在阅读这份简历的各位前辈们的支持与认可<p style="font-size: 46px; color: #ff00c6">o(〃'▽'〃)o</p>
                  </p>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>


<!-- Contact Section -->
<div id="contact" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2><strong>联系</strong> 方式</h2>
      <hr>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
        <p>北京市海淀区众家公寓**号</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
        <p>864****18@qq.com</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
        <p>185****9649</p>
      </div>
      <hr>
      <div class="clearfix"></div>
    </div>
  </div>
</div>

</div>
<nav id="footer">

  <div class="container" style="width:300px;margin:0 auto; padding:20px 0;">
     <p style="text-align:center;">备案号：京ICP备16011797</p>
 </div>
  <div style="width:200px;margin:0 auto; padding:20px 0;">
	 <img src="images/备案图标.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">北京网安备 38090402000035号</p>
  </div>
</nav>


<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.counterup.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script src="js/owl.carousel.js"></script>

<!-- Javascripts
    ================================================== --> 
<script type="text/javascript" src="js/main.js"></script>
<script>
        $(function()
        {
            var u = navigator.userAgent;
            if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1||u.indexOf('iPhone') > -1||u.indexOf('Windows Phone') > -1||navigator.userAgent.indexOf("iPad")>-1) {
                $(".hover-bg .hover-text").css({'opacity':'1'});

                $(".hover-bg .hover-text>h4").css({'opacity':'1','-webkit-transform':'translateY(0)','transform':'translateY(0)'});

                $(".hover-bg .hover-text>i").css({'opacity':'1'});
            }

        });

    </script>

</body>
</html>